<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <title>layui</title>
  <link rel="stylesheet" type="text/css" href="../../layui/css/layui.css" />
  <script src="../../layui/layui.all.js"></script>
  <script src="../../layui/lianlin.js"></script>
  <link rel="stylesheet" type="text/css" href='../../layui/css/style.css' />
</head>
<body class="layui-form" style="background-color:#eee;padding: 20px;">
    <div class="layui-fluid">
        <div class="layui-container">
            <div class="layui-row layui-col-space20">
                <div class="layui-col-xs12">
                    <h1>SSR标记统计</h1>
                    <p>
                        通过序列分析，首先找出参考基因组上存在的SSR位点，再进行比对，提取各样本SSR分布情况，用于后续标记开发任务。
                    </p>
                </div>
                <div class="layui-col-xs12">
                    <h3>分析软件</h3>
                    <p>分析软件：Unknown</p>
                </div>
                <div class="layui-col-xs12">
                    <div class="layui-tab">
                        <ul class="layui-tab-title">
                            <li class="magicalcoder-tab-title layui-this">SSR标记统计</li><li class="magicalcoder-tab-title">SSR类型分布</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div id="SSR标记统计" class="layui-tab-item layui-show">
                                <table class="layui-table" lay-filter="demo">
                                    <thead>
                                        <tr>
                                        <th lay-data={align:"center",width:150,sort:true,field:"sample"}>sample</th>
                                        <th lay-data={align:"center",width:150,sort:true,field:"c"}>c</th>
                                        <th lay-data={align:"center",width:150,sort:true,field:"c*"}>c*</th>
                                        <th lay-data={align:"center",width:150,sort:true,field:"p1"}>p1</th>
                                        <th lay-data={align:"center",width:150,sort:true,field:"p2"}>p2</th>
                                        <th lay-data={align:"center",width:150,sort:true,field:"p3"}>p3</th>
                                        <th lay-data={align:"center",width:150,sort:true,field:"p4"}>p4</th>
                                        <th lay-data={align:"center",width:150,sort:true,field:"p5"}>p5</th>
                                        <th lay-data={align:"center",width:150,sort:true,field:"p6"}>p6</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for variant in variant_stat %}
                                        <tr>
                                        <td>{{ variant.sample }}</td>
                                        <td>{{ variant.c }}</td>
                                        <td>{{ variant.c_n }}</td>
                                        <td>{{ variant.p1 }}</td>
                                        <td>{{ variant.p2 }}</td>
                                        <td>{{ variant.p3 }}</td>
                                        <td>{{ variant.p4 }}</td>
                                        <td>{{ variant.p5 }}</td>
                                        <td>{{ variant.p6 }}</td>
                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                            <div id="SSR类型分布" class="layui-tab-item ">
                                <div class="layui-row">
                                    <div class="layui-col-xs12 layui-col-lg4">
                                        <form >
                                  
                                            <select name='' id='sample_selected' >
                                                {% for variant in variant_stat %}
                                                <option value={{map.id}} name='sample_option'} >{{map.sample}}</option>
                                                {% endfor %}
                                            </select> 
                                            <input type="submit" value="Submit" id='sample_used' />
                                            <script>
                                            $("#sample_used").click(function(){
                                                $("#adsense").val($("#sample_selected option:selected").val());
                                            });
                                            </script>
                                            <input  type='hidden' name='adsense' id='adsense' value=''/>
                                        </form>      
                                    </div>
                                </div>
                            </div>                 
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>